{include file="public/head" /}
  
  <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a><cite>后台管理</cite></a>
        <a><cite>用户管理中心</cite></a>
        <a><cite>角色管理</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <!-- <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so">
          <input class="layui-input" placeholder="开始日" name="start" id="start">
          <input class="layui-input" placeholder="截止日" name="end" id="end">
          <input type="text" name="username"  placeholder="请输入用户名" autocomplete="off" class="layui-input">
          <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>
      </div> -->
      <xblock>
        <button class="layui-btn" onclick="x_admin_show('添加用户','{:url('roleAdd')}')"><i class="layui-icon"></i>添加角色</button>
        <span class="x-right" style="line-height:40px">共有数据：{$number} 条</span>
      </xblock>
      <table class="layui-table">
        <thead>
          <tr>
            <th style="text-align: center; font-size: 16px; height: 30px;">ID</th>
            <th style="text-align: center; font-size: 16px; height: 30px;">角色名称</th>
            <!-- <th style="text-align: center; font-size: 16px; height: 30px;">角色权限</th> -->
            <th style="text-align: center; font-size: 16px; height: 30px;">角色状态</th>
            <th style="text-align: center; font-size: 16px; height: 30px;">添加时间</th>
            <th style="text-align: center; font-size: 16px; height: 30px;">操作</th>
        </thead>
        <tbody>
          {foreach $list as $lis}
          <tr>
            <td style="text-align: center;">{$lis.id}</td>
            <td style="text-align: center;">{$lis.title}</td>
            <td style="text-align: center;">
              {if $lis.status == 1}
                  已启用
              {else if $lis.status == 0}
                  已禁用
              {/if}
            </td>
            <td style="text-align: center;">{$lis.time}</td>
            <td class="td-manage" style="text-align: center;">
              <a title="编辑"  onclick="x_admin_show('编辑','{:url('roleEdit')}?id={$lis.id}')" href="javascript:;">
                <i class="layui-icon">&#xe642;</i>
              </a>
              <a title="删除" onclick="roleDel('{$lis.id}', '{$lis.id}')" href="javascript:;"  id="{$lis.id}" >
                <i class="layui-icon">&#xe640;</i>
              </a>
            </td>
          </tr>
          {/foreach}
        </tbody>
      </table>
      <div class="page">
      </div>

    </div>
    <script>
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });
      //删除
      function roleDel(id, doc){
        if(confirm('确定要删除吗?')) 
        { 
          var url = "{:url('roleDel')}?id=" + id
          // console.log(url)
          $('#' + doc).attr('href', url)
        } 
          return false; 
      } 
    </script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
  </body>

</html>